<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<div role="main" class="span single-column ">
    <div class="header">
      <h4 class="section-title">
        <a href="/classifieds/">Post in Classifieds</a>
      </h4>
    </div>
    <hr>
      <div id="nf_stories">
<div class="media" id="s_708645" data-class="whole-story" data-nearby-post="false">
  
  <div class="media-object">
    
    <a data-class="linked-name" data-id="757" href="/profile/757">
  <img class="avatar" src="https://d3dqvga78raec5.cloudfront.net/user_photos/6b/77/6b7702d4ab6f958ef54a93ad3a14db64.80x80.jpg" alt="Picture of Vince Turner">
    </a>
  
    <span class="invitation-label">
      <a href="javascript:void(0);" data-class="linked-name" data-id="757">
        <i class="glyphicon-leaf"></i>6
      </a>
    </span>
    
  </div>
  <div class="media-body" id="b_708645">
    <div data-class="main-content-area">
      <h4 class="media-heading" id="a_708645">
        <span class="subject">
          
	<s:url id="viewURL" action="articleViewAction" >
		<s:param name="no">
			<s:property value="resultClass.no" />
		</s:param>
	</s:url>
	
	<s:url id="writerViewURL" action="neighborsViewAction" >
		<s:param name="writer">
			<s:property value="resultClass.writer" />
		</s:param>
	</s:url>
	
	<s:url id="localViewURL" action="??" >
		<s:param name="local">
			<s:property value="resultClass.local" />
		</s:param>
	</s:url>
	
	<s:url id="categoryViewURL" action="articleSimpleListAction" >
		<s:param name="category">
			<s:property value="resultClass.category" />
		</s:param>
	</s:url>
	
	<s:url id="groupListViewURL" action="articleDetailListAction" >
		<s:param name="groupname">
			<s:property value="resultClass.groupname" />
		</s:param>
	</s:url>
  
    <s:a href="%{viewURL}"><s:property value="resultClass.subject"/></s:a>
        </span>
          <span class="timestamp" ><s:property value="resultClass.regdate"/></span>
      </h4>
      
        <h5 class="media-author">
          <span class="user-name"><s:a href="%{writerViewURL}"><s:property value="resultClass.writer"/></s:a></span>
          
          <span class="media-location">
            from
            <s:property value="DB : 로그인 세션으로 부터 불러온 사용자의 지역정보"/>
    
      <a href="javascript:void(0);" data-toggle="map-modal" data-target="#nearby-neighborhoods-map-modal" data-type="neighborhood" data-id="6"><s:property value="resultClass.local"/></a>
		                                                               																		<!-- 사용자가 글을 ㅆ  -->      																			
    
          </span>
        </h5>
  <p data-class="post-content">
      <a href="/nextdoor/upload/" data-action="photo-click" class="media-thumbnail">
        <img src="/nextdoor/upload/file_38.jpg" alt="Photo from Vince Turner" style="width:115px;height:115px;">
      </a>
    <s:property value="resultClass.content"/>
  </p>
      
        <div class="media-scope">
        Shared with
        
          <s:a href="%{groupListViewURL}" >
          	<s:property value="resultClass.groupname"/>
          </s:a>
  <span id="topic_list_708645">
    <span data-class="topics-label"> in
      <s:a href="%{categoryViewURL}">
        <s:property value="resultClass.category"/></s:a></span>
        <!--  여기는 카테고리가 들어감 -->
  
  </span>

        </div>
        <div class="media-actions" id="bl_708645">
  <span>
    <a class="btn btn-mini" data-action="like" data-add-like-url="/posts/708645/likes/" data-contenttype="post" data-contentid="708645" href="javascript:void(0);">

      
        <span data-class="label">Thank</span>
      
        <span data-class="count" class="count">1</span>
    </a>
  </span>
  
  <span>
    <a href="javascript:void(0);" class="btn btn-mini" data-action="comment" data-contenttype="post" data-contentid="708645" data-leadspost="false" nnpost="false">
      <span data-class="label">Reply</span>
      <span data-class="count" class="count">
        4
      </span>
    </a>
  </span>
          
            <div class="dropdown">
              <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);"><b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu">
    
  <li role="menuitem" class="hidden-phone">
    <a href="javascript:void(0);" data-action="edit-categories" data-bsf="true" data-hide-resource="false" data-post-id="708645">Change category</a>
  </li>
                      
  <li role="menuitem">
    <a href="javascript:void(0);" data-action="flag" data-flag-type="post" data-flag-id="708645">Flag</a>
  </li>
                  </ul>
            </div>
          
        </div>
        
        <div class="media-comments" id="comment_container_708645" data-num-comments="4" data-class="comment-like-container">
          <div class="arrow">
            <b class="arrow-up-dark"></b>
            <b class="arrow-up"></b>
          </div>

          
          <div class="media-thanks" data-class="like-container">
            <p>
              <span class="comment-count"><i class="glyphicon-star"></i></span>
              <span id="like_708645">
                <a data-class="linked-name" href="/profile/4913/" data-id="4913">Arn</a> thanked <a data-class="linked-name" data-id="757" href="/profile/757/">Vince</a>
              </span>
            </p>
          </div>
      
        <div class="media-comment comment-summarizer hide" id="loading_comments_708645" style="display: none;">
          <img alt="spinner" class="spinner" src="https://d19rpgkrjeba2z.cloudfront.net/static/images/32-ajax-loader-f6f7f6.gif" width="16" height="16"> Loading...
        </div>
    
    <div data-comment-content-id="708645" data-comment-content-type="post" class="media-comment" id="comment_592959" style="">

      <div class="" id="comment_inner_container_592959">
        <div class="media-object hidden-phone">
  
    <a data-class="linked-name" data-id="4913" href="/profile/4913">
  <img class="avatar" src="https://d3dqvga78raec5.cloudfront.net/user_photos/dd/de/dddee5f8373911170c2e13229c9f2686.80x80.jpg" alt="Picture of Arn Peterson">
    </a>
        </div>
        <div class="media-body">
          <h6 class="media-author">
            
            
              <span class="user-name"><a data-class="linked-name" data-id="4913" href="/profile/4913">Arn Peterson</a></span>
              
              <span class="media-location">
                from <a href="javascript:void(0);" data-target="#nearby-neighborhoods-map-modal" data-toggle="map-modal" data-type="neighborhood" data-id="6">
               Alta Hill
                </a>
              </span>
            

            <span class="timestamp">19 Dec 12</span>
          </h6>
            
              <p>Hey Vince, how big is that bike's frame? I'm about 6'4", so I'm looking for a 21"-22" frame. If your bike is big enough (and the price is right!), you might have a buyer!</p>

          <div class="media-actions">
            <a href="javascript:void(0);" data-action="like" data-add-like-url="/comments/592959/likes/" data-contenttype="comment" data-contentid="592959">
                <span data-class="label">Thank</span>
              </a>
                <a href="javascript:void(0)" data-action="flag" data-flag-type="comment" data-flag-id="592959">Flag
                </a></div>
          <div class="media-thanks" id="comment_like_container_592959" data-class="like-container">
            <span id="like_592959">
              
            </span>
          </div>
        </div>
      </div>
    </div>
    
    <div data-comment-content-id="708645" data-comment-content-type="post" class="media-comment" id="comment_598537" style="">

      <div class="" id="comment_inner_container_598537">
        <div class="media-object hidden-phone">
  
    <a data-class="linked-name" data-id="757" href="/profile/757">
  <img class="avatar" src="https://d3dqvga78raec5.cloudfront.net/user_photos/6b/77/6b7702d4ab6f958ef54a93ad3a14db64.80x80.jpg" alt="Picture of Vince Turner">
    </a>
          
        </div>
        <div class="media-body">
          <h6 class="media-author">
            
            
              <span class="user-name"><a data-class="linked-name" data-id="757" href="/profile/757">Vince Turner</a></span>
              
              <span class="media-location">
                from <a href="javascript:void(0);" data-target="#nearby-neighborhoods-map-modal" data-toggle="map-modal" data-type="neighborhood" data-id="6">
               Alta Hill
                </a>
              </span>
            

            <span class="timestamp">21 Dec 12</span>
          </h6>
            
              <p>The bike has a 22" frame, I recently replaced the tires, and it switches gears seamlessly. I'm asking for $115.</p>
            
          

          <div class="media-actions">
            <a href="javascript:void(0);" data-action="like" data-add-like-url="/comments/598537/likes/" data-contenttype="comment" data-contentid="598537">
                <span data-class="label">Thank</span>
              </a>
                <a href="javascript:void(0)" data-action="flag" data-flag-type="comment" data-flag-id="598537">Flag
                </a></div>
          <div class="media-thanks" id="comment_like_container_598537" data-class="like-container">
            <span id="like_598537">
              
            </span>
          </div>
        </div>
      </div>
    </div>
    
    <div data-comment-content-id="708645" data-comment-content-type="post" class="media-comment" id="comment_598539" style="">

      <div class="" id="comment_inner_container_598539">
        <div class="media-object hidden-phone">
  
    <a data-class="linked-name" data-id="4913" href="/profile/4913">
  <img class="avatar" src="https://d3dqvga78raec5.cloudfront.net/user_photos/dd/de/dddee5f8373911170c2e13229c9f2686.80x80.jpg" alt="Picture of Arn Peterson">
    </a>
          
        </div>
        <div class="media-body">
          <h6 class="media-author">
            
            
              <span class="user-name"><a data-class="linked-name" data-id="4913" href="/profile/4913">Arn Peterson</a></span>
              
              <span class="media-location">
                from <a href="javascript:void(0);" data-target="#nearby-neighborhoods-map-modal" data-toggle="map-modal" data-type="neighborhood" data-id="6">
               Alta Hill
                </a>
              </span>
            

            <span class="timestamp">21 Dec 12</span>
          </h6>
            
              <p>Can I come take it for a test ride sometime today/tomorrow? You might as well consider it sold!</p>
            
          

          <div class="media-actions">
            <a href="javascript:void(0);" data-action="like" data-add-like-url="/comments/598539/likes/" data-contenttype="comment" data-contentid="598539">
                <span data-class="label">Thank</span>
              </a>
                <a href="javascript:void(0)" data-action="flag" data-flag-type="comment" data-flag-id="598539">Flag
                </a></div>
          <div class="media-thanks" id="comment_like_container_598539" data-class="like-container">
            <span id="like_598539">
              
            </span>
          </div>
        </div>
      </div>
    </div>
    
    <div data-comment-content-id="708645" data-comment-content-type="post" class="media-comment" id="comment_598542" style="">

      <div class="" id="comment_inner_container_598542">
        <div class="media-object hidden-phone">
  
    <a data-class="linked-name" data-id="757" href="/profile/757">
  <img class="avatar" src="https://d3dqvga78raec5.cloudfront.net/user_photos/6b/77/6b7702d4ab6f958ef54a93ad3a14db64.80x80.jpg" alt="Picture of Vince Turner">
    </a>
  
          
        </div>
        <div class="media-body">
          <h6 class="media-author">
            
            
              <span class="user-name"><a data-class="linked-name" data-id="757" href="/profile/757">Vince Turner</a></span>
              
              <span class="media-location">
                from <a href="javascript:void(0);" data-target="#nearby-neighborhoods-map-modal" data-toggle="map-modal" data-type="neighborhood" data-id="6">
               Alta Hill
                </a>
              </span>
            

            <span class="timestamp">21 Dec 12</span>
          </h6>

              <p>Anytime today! Just give me a call at 538-9082. Thanks Arn!</p>

          <div class="media-actions">
            <a href="javascript:void(0);" data-action="like" data-add-like-url="/comments/598542/likes/" data-contenttype="comment" data-contentid="598542">
                <span data-class="label">Thank</span>
              </a>
                <a href="javascript:void(0)" data-action="flag" data-flag-type="comment" data-flag-id="598542">Flag
                </a></div>
          <div class="media-thanks" id="comment_like_container_598542" data-class="like-container">
            <span id="like_598542">
              
            </span>
          </div>
        </div>
      </div>
    </div>
          
            <div class="media-comment" data-action="start-comment" data-contenttype="post" data-contentid="708645" data-nnpost="false" data-leadspost="false">
              <form class="form-inline">
                <textarea rows="1" cols="1" class="input-block-level" placeholder="Write a reply"></textarea>
              </form>
            </div>

        </div>
        
          <div class="media-closed-for-comment-footer hide" data-group="closed-for-comment-footer" data-contentid="708645">
            
          </div>
    </div>
  </div>
</div>

      </div>

  </div>